<template>
   <div>
     <v-nav></v-nav>
     <div>
         <div v-for="(item,index) in arr" :key="index" class="mmp">
             <div>
                 <img width="120px" :src="`${item.pic}`" alt="图片">
                 <!-- {{item.pic}} -->
             </div>
             <div>
                 <p style="font-size:20px;">{{item.title}}</p>
                <span style="color:#ccc">{{item.time}}</span>
                <span style="color:#ccc; float: right;">{{item.src}}</span>
             </div>
         </div>
     </div>
     <router-view/>
   </div>
</template>
<script>
import vNav from '@/components/vNav.vue'
export default {
   name: '',
   components: {
     vNav
   },
   mixins: [],
   props: {
     
   },
   data() {
     return {
       arr:[]
     }
   },
   computed: {
     
   },
   watch: {
     
   },
   mounted() {
      this.$axios({ 
        method: "get",
        url: "news.json",
        
        params: {
       
        },
      })
        .then((res) => {
           
            // console.log(res);
            
            this.arr = res.data.result.list
            // console.log(res.data.result.list);

        })
        .catch((err) => {
          console.log(err);
        });
   },
   methods: {
     
   }
};
</script>
<style lang='scss' scoped>
*{
    margin: 0;
    padding: 0;
}
.mmp {
    display: flex;
    justify-content:space-around;
    border-bottom:1px solid #ccc;
    padding: 5px;
}
</style>